একটি ফ্লোটিং অ্যাকশন বোতাম (FAB) হল একটি বৃত্তাকার বোতাম যা আপনার অ্যাপের UI-তে প্রাথমিক অ্যাকশন ট্রিগার করে। এই পৃষ্ঠাটি আপনাকে দেখায় কিভাবে আপনার লেআউটে FAB যুক্ত করতে হয়, এর কিছু চেহারা কাস্টমাইজ করতে হয় এবং বোতাম ট্যাপগুলিতে সাড়া দিতে হয়।
মেটেরিয়াল ডিজাইন নির্দেশিকা অনুসারে আপনার অ্যাপে কীভাবে একটি ফ্লোটিং অ্যাকশন বোতাম ডিজাইন করবেন সে সম্পর্কে আরও জানতে, বোতামগুলি দেখুন: ফ্লোটিং অ্যাকশন বোতাম ।
চিত্র 1. একটি ভাসমান অ্যাকশন বোতাম
আপনার লেআউটে ভাসমান অ্যাকশন বোতাম যোগ করুন
নিচের কোডটি দেখায় কিভাবে আপনার লেআউট ফাইলে FloatingActionButton প্রদর্শিত হবে:
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:src="@drawable/ic_my_icon"
android:contentDescription="@string/submit"
android:layout_margin="16dp" />
ডিফল্টরূপে, FAB রঙিন হয় colorAccent বৈশিষ্ট্য দ্বারা, যা আপনি থিমের রঙ প্যালেটের সাথে কাস্টমাইজ করতে পারেন।
আপনি XML বৈশিষ্ট্য বা সংশ্লিষ্ট পদ্ধতি ব্যবহার করে অন্যান্য FAB বৈশিষ্ট্য কনফিগার করতে পারেন, যেমন নিম্নলিখিত:
-
app:fabSizeবৈশিষ্ট্য বাsetSize()পদ্ধতি। - FAB এর রিপল কালার,
app:rippleColorঅ্যাট্রিবিউট বাsetRippleColor()পদ্ধতি। - FAB আইকন,
android:srcঅ্যাট্রিবিউট বাsetImageDrawable()পদ্ধতি ব্যবহার করে।
বোতাম ট্যাপগুলিতে সাড়া দিন
তারপরে আপনি FAB ট্যাপগুলি পরিচালনা করতে একটি View.OnClickListener প্রয়োগ করতে পারেন৷ উদাহরণস্বরূপ, ব্যবহারকারী যখন FAB ট্যাপ করে তখন নিম্নলিখিত কোডটি একটি Snackbar প্রদর্শন করে:
কোটলিন
val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null)
.show()
}
জাভা
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
FAB এর ক্ষমতা সম্পর্কে আরও তথ্যের জন্য, FloatingActionButton জন্য API রেফারেন্স দেখুন।